<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>决策分析</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
			.diy_header {
				width: 100%;
				background: white;
				padding-bottom: 10px;
				border-bottom: 1px solid #cccccc;
				height: 100px;
				position: relative;
				margin-bottom: 20px;
				position: fixed;
				top: 0;
				z-index: 99999;
			}
			
			.mui-bar-nav {
				background: white;
			}
			
			.chart {
				height: 200px;
				margin: 0px;
				padding: 0px;
			}
			
			h5 {
				margin-top: 30px;
				font-weight: bold;
			}
			
			h5:first-child {
				margin-top: 15px;
			}
			
			.mui-content {
				margin-top: 100px;
			}
		</style>

	</head>

	<body>
		<div class="diy_header">
			<a class="mui-action-back mui-icon" style="padding-left: 1%;width:200px;height:200px;"><span class="mui-icon mui-icon-back" style="color: #333333;font-size: 26px;margin-top: 15px;"></span></a>
			<h3 style="margin: 0;padding: 0;position: absolute;bottom: 20px;padding-left: 3%;color: #333333;">
				决策分析
			</h3>
			<a href="javascript:void(0);" onclick="openWin('fammerForm.html')" style="position: absolute;bottom: 20px;right: 20px;">
				<svg class="icon2" aria-hidden="true">
					<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-unie612"></use>
				</svg>
			</a>

		</div>

		<div class="mui-content" id="report">

			<div style="padding: 10px 10px;">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">种养统计</a>
					<a class="mui-control-item" href="#item2">订销统计</a>
					<a class="mui-control-item" href="#item3">农户统计</a>

				</div>
			</div>

			<div id="item1" class="mui-control-content mui-active">
				<div class="mui-content-padded">

					<h5>按产品统计(种植)</h5>
					<div class="chart" id="plantPieChart"></div>

					<h5>按产品统计(养殖)</h5>
					<div class="chart" id="breedBarChart"></div>

					<h5>按区域统计(种植)</h5>
					<div class="chart" id="areaPlantLine"></div>

					<h5>按区域统计(养殖)</h5>
					<div class="chart" id="areaBreedLine"></div>
					
					

				</div>

			</div>

			<div id="item2" class="mui-control-content">
				<div class="mui-content-padded">

					<h5>按产品统计</h5>
					<div class="chart" id="dxPieChart"></div>

					<h5>按区域统计</h5>
					<div class="chart" id="areaDxLine"></div>

				</div>
			</div>
			<div id="item3" class="mui-control-content">
				<div class="mui-content-padded">

					<h5>农户统计</h5>
					<div class="chart" id="farmerLineChart"></div>

				</div>

			</div>

		</div>
		<script src="../js/resource/mui.min.js"></script>
		<script src="../js/resource/vue.js"></script>
		<script src="../js/resource/echarts-all.js"></script>
		<script src="../js/resource/axios.js"></script>
		<script src="../js/resource/config.js"></script>
		<script src="../js/report.js"></script>
		<script>
		
document.getElementById('segmentedControl').addEventListener('tap', function(e) {
report.getData()

})

		</script>

	</body>

</html>